<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <h2>用户注册页面</h2>
    <form action="">
      <!-- 文本框 -->
      &nbsp;&nbsp;&nbsp;&nbsp;用户名：
      <input type="text" name="username" />
      <br />
      <!-- 密码框 -->
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;密码：&nbsp;
      <input type="password" name="password" />
      <br />
      <!-- 密码框 -->
      确认密码：&nbsp;
      <input type="password" name="password-sure" />
      <br />
      <!-- 单选框 -->
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;性别：<input
        type="radio"
        name="gender"
        value="male"
      />男 <input type="radio" name="gender" value="female" />女
      <br />
      <!-- 多选框 -->
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;爱好：<input
        type="checkbox"
        value="music"
      />听音乐 <input type="checkbox" value="moive" />看电影
      <input type="checkbox" value="games" />玩游戏
      <br />
      <!-- 下拉列表 -->
      你所在的城市：<select name="" id="">
        <option value="city" selected>广州市</option>
        <option value="city">从化市</option>
      </select>
      <br />
      <!-- 文件上传框 -->
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;照片：<input type="file" />
      <br />
      <!-- 文本域 -->
      个人简介：<textarea name="" id="" cols="60" rows="10"></textarea>
      <br />
      <!-- 提交、重置按钮 -->
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input type="submit" value="提交" /><input type="reset" value="重写" />
    </form>
  </body>
</html>
